<template>
    <div>
        <h2>主控台</h2>

        <RoleSelect v-model="roleIdList" :limit="2" />

        <hr />

        <AvatarUploader v-model="headImg" :accept="['image/jpeg', 'image/jpg', 'image/png', 'image/webp']" />
    </div>
</template>

<script>
import AvatarUploader from "@/components/avatar-uploader/index.vue";
import RoleSelect from "@/components/role-select/index.vue";

export default {
    components: {
        AvatarUploader,
        RoleSelect,
    },

    data() {
        return {
            roleIdList: [],
            headImg:
                "http://127.0.0.1:8001/public/uploads/20230807/84653180-34ea-11ee-95b5-3dd7b2272977.jpg",
        };
    },
};
</script>
